.wrapper {
  margin-right: 60px;

  &:last-of-type {
    margin-right: 0;
  }

  @mixin smaller-than 62.5em {
    margin-right: 40px;
  }

  @mixin rtl {
    margin-right: 0;
    margin-left: 60px;

    &:last-of-type {
      margin-left: 0;
    }

    @mixin smaller-than 62.5em {
      margin-left: 40px;
    }
  }
}

.link {
  display: block;
  font-size: var(--mantine-font-size-sm);
  padding-top: 3px;
  padding-bottom: 3px;
  color: light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-1));

  @mixin hover {
    text-decoration: underline;
  }
}

.title {
  font-size: var(--mantine-font-size-lg);
  font-weight: 500;
  font-family: var(--docs-font-primary);
  margin-bottom: calc(var(--mantine-spacing-sm) / 2);
  color: var(--mantine-color-bright);
}
